<template>
    <div class="head">
       <span class="iconfont">&#xe670;</span>
       <span class="head__title">智能网联产品行业数据库</span>
       <span class="head__exit">退出登陆</span>
    </div>
</template>
<style lang="scss" scoped>
@import "@/style/viriables.scss";
   .head{
    height: 8.5vh;
    min-height: 60px;
    padding: 0 6.1rem 0 3.6rem;
    display: flex;
    align-items:center;
    background-color: white;
    font-weight:500;
    .iconfont{
       font-size: 4rem;
    }
    &__title{
        flex: 1;
        margin-left: 1.1rem;
        font-size: 3.2rem;
    }
    &__exit{
        width:10.2rem;
        height:4rem;
        background-color: $blue;
        line-height: 4rem;
        text-align: center;
        border-radius: .4rem;
        font-size: 1.4rem;
        color:white;
        cursor: pointer;
        transition: .3s ease;
    }
    &__exit:hover{
        background-color: $deep-blue;
    }
   }
</style>